<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:75:"D:\phpstudy_pro\WWW\nmg001\public/../application/home\view\login\login.html";i:1658157477;}*/ ?>

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="shortcut icon" href="/public/static/admin/uploads/set/<?php echo $setting['ico']; ?>">
    <link href="/public/static/home/themes/css/login.css" rel="stylesheet">
    <style>
        #content{
            display: none;
            padding: 30px;
            box-sizing: border-box;
        }
        #content div{
            width:90%;
            height:36px;
            margin:0 auto 15px;
        }
        #content div input{
            box-sizing: border-box;
            padding-left:15px;
            border:0px;
            border:1px solid #666;
            outline-color: #03b24d;
            border-radius: 3px;
        }
        #content div:nth-of-type(2) input{
            width:100%;
            height: 36px;
        }
        #content div:nth-of-type(3) input{
            width:50%;
            height: 36px;
        }
        #content div:nth-of-type(3) button{
            width: 45%;
            float: right;
            height: 36px;
            border: 0px;
            background:#03b24d;
            border:1px solid #03b24d;
            border-radius: 3px;
            color:#fff;
        }
        #check_code{
            width: 100%;
            height: 36px;
            border:0px;
            margin-top:0px;
            font-size:14px;
        }
    </style>
</head>

<body>

<div class="login-logo circle text-center" style="background-image:url(/public/static/admin/uploads/set/<?php echo $setting['logo']; ?>)"></div>

    <form name="forms" onSubmit="return checkreg()" action="homepage.html" method="post" class="login-cont">
        <div style="color:#999;font-size:16px;text-align:center;">
            首次登录使用身份证号，密码为身份证后六位
        </div>
        <ul>

            <li>
                <input type="text" id="idcard" placeholder="请输入您的身份证号" value="">
            </li>
            <li>
                <span id="box"><input type="password"  name="password" placeholder="请输密码" id="password" value=""/></span>
                <span id="click"><a href="javascript:ps()" class="iconfont icon-biyan"></a></span>
            </li>
        </ul>


        <a href="javascript:;"  class="button text-center block" id="login">登 录</a>

    </form>

    <div id="content">
        <div style="color:#999;font-size:12px;line-height: 15px;">首次登陆，安全起见请使用本人手机号进行验证码验证。</div>
        <div><input type="text" id="tel" name="tel" placeholder="请输入手机号"></div>
        <div><input type="text" id="register_code" name="register_code" placeholder="请输入密码"> <button type="button" id="send_code">获取验证码</button></div>
        <div>
            <button type="button" class="button text-center block"   id="check_code">确定</button>
        </div>
    </div>

<script src="/public/static/admin/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('upload', function() { //独立版的layer无需执行这一句
        var $ = layui.jquery, layer = layui.layer,upload = layui.upload; //独立版的layer无需执行这一句
        //身份证验证
        function validateIdCard(idCard){
            //15位和18位身份证号码的正则表达式
            var regIdCard=/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;

            //如果通过该验证，说明身份证格式正确，但准确性还需计算
            if(regIdCard.test(idCard)){
                if(idCard.length==18){
                    var idCardWi=new Array( 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ); //将前17位加权因子保存在数组里
                    var idCardY=new Array( 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ); //这是除以11后，可能产生的11位余数、验证码，也保存成数组
                    var idCardWiSum=0; //用来保存前17位各自乖以加权因子后的总和
                    for(var i=0;i<17;i++){
                        idCardWiSum+=idCard.substring(i,i+1)*idCardWi[i];
                    }
                    var idCardMod=idCardWiSum%11;//计算出校验码所在数组的位置
                    var idCardLast=idCard.substring(17);//得到最后一位身份证号码
                    //如果等于2，则说明校验码是10，身份证号码最后一位应该是X
                    if(idCardMod==2){
                        if(idCardLast=="X"||idCardLast=="x"){

                            layer.closeAll();
                            // layer.open({
                            // 	content: '身份证通过验证啦！',
                            // 	skin: 'msg',
                            // 	time: 2
                            // });
                            return true;
                        }else{
                            layer.open({
                                content: '身份证号码错误！',
                                skin: 'msg',
                                time: 2
                            });

                            return false;

                        }
                    }else{
                        //用计算出的验证码与最后一位身份证号码匹配，如果一致，说明通过，否则是无效的身份证号码
                        if(idCardLast==idCardY[idCardMod]){
                            // layer.open({
                            // 	content: '身份证通过验证啦！',
                            // 	skin: 'msg',
                            // 	time: 2
                            // });
                            return true;
                        }else{

                            layer.open({
                                content: '身份证号码错误！',
                                skin: 'msg',
                                time: 2
                            });
                            return false;

                        }
                    }
                }
            }else{

                layer.open({
                    content: '身份证格式不正确',
                    skin: 'msg',
                    time: 2
                });
                return false;
            }
        }
        //登录-需要验证码
        // $("#login").click(function () {
        //     //判断手机号码是否有误
        //     if($("#idcoard").val() == ""){
        //         $("#idcoard").focus();
        //         layer.msg("请输入身份证号", {time: 2000});
        //         return false;
        //     }else{
        //         // console.log($("#idcard").val());
        //         if(!validateIdCard($("#idcard").val())){
        //             $("#idcoard").focus();
        //             layer.msg("请输入正确的身份证号", {time: 2000,shade:0.5});
        //             return false;
        //         }
        //     }
        //     //判断密码是否为空
        //     if($("#password").val() == ""){
        //         $("#password").focus();
        //         layer.msg("请输入密码", {time: 2000,shade:0.5});
        //         return false;
        //     }
        //     //Ajax 判断用户是否存在
        //     $.post("<?php echo url('Login/user_is_exists'); ?>",{'idcard':$("#idcard").val(),password:$("#password").val(),},function(data){
        //        if(data.code == 0) {
        //            //示范一个公告层
        //            layer.open({
        //                type: 1
        //                , title: false //不显示标题栏
        //                , closeBtn: false
        //                , area: ["94%", '265px']
        //                , shade: 0.5
        //                , id: 'LAY_layuipro' //设定一个id，防止重复弹出
        //                , btnAlign: 'c'
        //                , moveType: 1 //拖拽模式，0或者1
        //                , content: $("#content")
        //            });
        //        }else if (data.code == 1){
        //            //将用户的信息保存到数据库中
        //            $.post("<?php echo url('Login/tologin'); ?>",{'idcard':$("#idcard").val(),password:$("#password").val(),},function(data){
        //                layer.msg(data.msg,{time:2000,shade:0.5},function(){
        //                    if(data.url){
        //                        window.location.href = data.url;
        //                    }
        //                });
        //            });
        //        }
        //      });
        //
        // });
        //登录-不需要验证码
        $("#login").click(function () {
            //判断手机号码是否有误
            if($("#idcoard").val() == ""){
                $("#idcoard").focus();
                layer.msg("请输入身份证号", {time: 2000});
                return false;
            }else{
                // console.log($("#idcard").val());
                if(!validateIdCard($("#idcard").val())){
                    $("#idcoard").focus();
                    layer.msg("请输入正确的身份证号", {time: 2000,shade:0.5});
                    return false;
                }
            }
            //判断密码是否为空
            if($("#password").val() == ""){
                $("#password").focus();
                layer.msg("请输入密码", {time: 2000,shade:0.5});
                return false;
            }
            //Ajax 判断用户是否存在
            $.post("<?php echo url('Login/user_is_exists'); ?>",{'idcard':$("#idcard").val(),password:$("#password").val(),},function(data){
                // if(data.code == 0) {
                //     // //示范一个公告层
                //     // layer.open({
                //     //     type: 1
                //     //     , title: false //不显示标题栏
                //     //     , closeBtn: false
                //     //     , area: ["94%", '265px']
                //     //     , shade: 0.5
                //     //     , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                //     //     , btnAlign: 'c'
                //     //     , moveType: 1 //拖拽模式，0或者1
                //     //     , content: $("#content")
                //     // });
                // }else if (data.code == 1){
                    //将用户的信息保存到数据库中
                    $.post("<?php echo url('Login/tologin'); ?>",{'idcard':$("#idcard").val(),password:$("#password").val(),},function(data){
                        layer.msg(data.msg,{time:2000,shade:0.5},function(){
                            if(data.url){
                                window.location.href = data.url;
                            }
                        });
                    });
                // }
            });

        });


        var tels = ""; //用户保存用户获取验证码的手机号，防止用户获取验证码之后修改手机号
        var times = null; //计时器
        var count_down = 60; //获取验证码倒计时

        //自定义函数获取验证码倒计时
        window.count_downs = function(){
            count_down--;
            $("#send_code").text(window.addZero(count_down)+"秒后重新获取");
            $("#send_code").css({"background":"#ccc","color":"#333","border-color":"#ccc"});
            $("#send_code").off();
            if(count_down <= 0){
                window.clearInterval(times);
                $("#send_code").text("获取验证码");
                count_down =60
                $("#send_code").css({"background":"#03b24d","color":"#fff","border-color":"#03b24d"});
                $("#send_code").on("click",function(){window.s_c()});
            }
        }
        //添加零
        window.addZero = function(number){
            return number <10 ? "0"+number : number;
        }
        window.s_c = function(){
            var tel = $("#tel").val();
            if(tel == ""){
                layer.msg("请输入手机号",{time:2000,shade:0.5});
                $("#tel").focus();
            }else{
                var telExp = /^1[3-9]\d{9}$/;
                if(telExp.test(tel)){
                    window.clearInterval(times);
                    count_downs();
                    //手机号正确的情况下启动计时器倒计时60s之后重新获取
                    times = setInterval(count_downs,1000);
                    //记录发送短信的手机号
                    tels = tel;
                    //发送短信
                    $.post("<?php echo url('Login/sendMes'); ?>",{'tel':tel},function(data){
                        layer.msg(data.msg,{time:2000,shade:0.5});
                    });
                }else{
                    layer.msg("请输入正确的手机号",{time:2000,shade:0.5});
                }
            }
        }

        //发送验证码
        $("#send_code").on("click",function(){s_c()});

        //验证码确定登陆
        $("#check_code").click(function(){
           var resgister_code =  $("#register_code").val();
           var tel = $("#tel").val();
           //验证验证码是否为空
           if(resgister_code == "") {
               layer.msg("请输入验证码", {time: 2000, shade: 0.5});
           }else{
               //验证用户文本框中的手机号和获取验证码额手机号是否一致
               if(tels == tel){
                   $.post("<?php echo url('Login/check_message'); ?>",{idcard:$("#idcard").val(),password:$("#password").val(),register_code:resgister_code,tel:tel},function(data){
                       layer.msg(data.msg,{time:2000,shade:0.5},function(){
                           if(data.url){
                               window.location.href = data.url;
                           }
                       });
                   })
               }else{
                   layer.msg("请输入获取验证码的手机号", {time: 2000, shade: 0.5});
               }
           }
        })

        document.onkeydown = function (event) {
            var e = event || window.event;
            if (e && e.keyCode == 13) { //回车键的键值为13
                $("#login").click(); //调用登录按钮的登录事件
            }
        };
    });


    function ps(){
        if (this.forms.password.type="password")
            box.innerHTML="<input type=\"text\" name=\"password\" size=\"20\" id='password' placeholder='请输入密码' value="+this.forms.password.value+">";
        click.innerHTML="<a href=\"javascript:txt()\" class=\"iconfont icon-open-eye\"></a>"
    }
    function txt(){
        if (this.forms.password.type="text")
            box.innerHTML="<input type=\"password\" name=\"password\" size=\"20\" id='password' placeholder='请输入密码' value="+this.forms.password.value+">";
        click.innerHTML="<a href=\"javascript:ps()\" class=\"iconfont icon-biyan\"></a>"
    }

</script>

</body>
</html>
